<template>
    <div>
        <!--swiper-->
        <full-height-swiper v-if="videoSwiperPanorama.mediaType == 1" :FHSwiperMsg="videoSwiperPanorama"></full-height-swiper>
        <!--video-->
        <full-height-video v-else-if="videoSwiperPanorama.mediaType == 0" :videoPropsMsg="videoSwiperPanorama"></full-height-video>
        <!--panorama-->
        <full-height-panorama v-else-if="videoSwiperPanorama.mediaType == 2" :videoSwiperPanorama="videoSwiperPanorama"></full-height-panorama>
    </div>
</template>

<script>
    export default {
        name: "videoSwiperPanorama",
        props:{
            videoSwiperPanoramaPorps:{
                type:Object
            },
        },
        data(){
            return{
                videoSwiperPanorama:{
                    // mediaType:0,/*0视屏,1图片,2全景图*/
                    // imagesList:[],
                    // videoUrl:'',
                    // imgUrl:'',
                }
            }
        },
        mounted(){
            this.videoSwiperPanorama = Object.assign({},this.videoSwiperPanorama,this.videoSwiperPanoramaPorps);
        },
        components:{
            'full-height-swiper':()=>import('../../commonComponents/swiperComponent/FullHeightSwiper'),
            'full-height-video':()=>import('../video/FullHeightVideo'),
            'full-height-panorama':()=>import('../../commonComponents/panorama/pic/Panorama'),
        },
        watch:{
            videoSwiperPanoramaPorps(val){
                this.videoSwiperPanorama = Object.assign({},this.videoSwiperPanorama,val);
            }
        }
    }
</script>

<style scoped>

</style>